<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表单</title>
		<!-- 
		    引入第三方css文件 
			rel固定值:样式表，
			href---链接地址
		-->
		<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css"/>
		<style type="text/css">
			
		</style>
	</head>
	<body>
		<div id="">
			<h1>学生信息管理系统mis</h1>
			<h2>学生信息管理系统mis</h2>
			<h3>学生信息管理系统mis</h3>
			<h4>学生信息管理系统mis</h4>
			<h5>学生信息管理系统mis</h5>
			<h6>学生信息管理系统mis</h6>

        <div id="" class="container">
        	<h1>学生信息管理系统mis</h1>
        		<div id="" class="form-group">
        			<!-- 
					价值不大
					 最大的最用：for属性有光标定位 点击后可以对应id的框
					 -->
        			<label for="name">姓名</label>
        			<!-- 文本输入框 -->
        			<!-- 
        			 type--------输入框类型
        			 name--------输入框输入内容备注
        			 placeholder---输入提示----h5新增
        			 -->
        			<input type="text" name="姓名" id="name" class="form-control" value="" placeholder="请输入姓名" />
        		</div>
        		<div id="" class="form-group">
        			<label for="age">年龄</label>
        			<input type="number" class="form-control"  name="年龄/age" id="age" value="" 
        			 placeholder="请输入年龄"
        			/>
        		</div>
        		<div id="" class="form-group">
        			<label for="sex">性别</label>
        			<!-- 
        			   radio---单选---同名互斥---name相同只能选择一个
        			 -->
					 <!-- ra -->
					 <div id="" class="radio-inline">
					 	<input class="radio-inline" type="radio" name="性别" id="sex" value="" checked="checked " />男
					 	
					 </div>
					 <div id="" class="radio-inline">
					 	<input type="radio" name="性别" id="sex" value="" />女
					 </div>
        	
        		</div>
        		<div id="" class="form-group">
        			<label for="hobby">爱好</label>
        			<!-- 
        			 Checkbox----多选
        			 checked------默认选择当前项
					 checkbox-inline-------增加间距
        			 -->
					 <div id="" class="radio-inline">
					 	<input type="checkbox" name="爱好" id="hobby" value="" checked="checked"/>乒乓球
					 </div>
        			 <div id="" class="radio-inline">
        			    <input type="checkbox" name="爱好" id="hobby" value="" />篮球
        			 </div>
					 <div id="" class="radio-inline">
					   <input type="checkbox" name="爱好" id="hobby" value="" />爬山
        			 </div>
					 <div id="" class="radio-inline">
					    <input type="checkbox" name="爱好" id="hobby" value="" />羽毛球
        			 </div>
					<input type="checkbox" name="爱好" id="hobby" value="" />排球
        		</div>
        		<div id="">
        			<label>学历</label>
        			<!-- 
        			  select ----标签/下拉框---单选
        			  option-----下拉框中的选项
        			  value------传入后端的数据
        			  selected----默认选择当前项
        			 -->
        			 
        			 <select  name="edu" id="edu" >
        				 <option value ="0"></option>
        			 	<option value ="1">幼儿园</option>
        			 	<option value ="2">学前班</option>
        			 	<option value ="3">小学</option>
        			 	<option value ="4">初中</option>
        			 	<option value ="5">高中</option>
        			 	<option value ="6" selected="selected">本科</option>
        			 	<option value ="7">大专</option>
        			 	<option value ="8">中专</option>
        			 </select>
        		</div>
        		<div id="" class="form-group">
        			<!-- 旧标准 -->
        			<input type="button" class="btn btn-primary" name="submit" id="" value="提交1" />  
        		     <!-- h5 新标准 -->
        			 <button type="button" class="btn btn-danger">提交</button>
        		</div>
        	</div>
        </div>
	</body>
</html>
